export default ({ navBarBg = 'transparent', navBarColor, activeNavBarBg = '#fff', activeNavBarColor = '#333' } = {}) => {
	return {
		data() {
			return {
				navBarBg,
				navBarColor
			}
		},
		onPageScroll({ scrollTop }) {
			if (scrollTop > 30) {
				this.navBarColor = activeNavBarColor;
				this.navBarBg = activeNavBarBg;
			} else {
				this.navBarColor = navBarColor;
				this.navBarBg = navBarBg;
			}
		}
	}
}